<script setup>
  const images = [
      'https://lf3-files.qingfuwucdn.net/obj/inspirecloud-file/baas/ttoiwq/efebe631b0b77619_1660127323005.jpeg',
      'https://lf3-files.qingfuwucdn.net/obj/inspirecloud-file/baas/ttoiwq/ebdc3339ffb43eaf_1660045882367.jpeg',
      'https://lf3-files.qingfuwucdn.net/obj/inspirecloud-file/baas/ttoiwq/aa701ff7f1c6fb4c_1660117196526.jpeg',
      'https://lf3-files.qingfuwucdn.net/obj/inspirecloud-file/baas/ttoiwq/7e80ac6473c14a39_1660127265487.jpeg',
      'https://lf3-files.qingfuwucdn.net/obj/inspirecloud-file/baas/ttoiwq/1f1722b743648881_1660127283250.jpeg'
      ]
</script>

<template>
  <div>
    <div class="w-full h-416px overflow-hidden"> 
       <a-carousel class="h-full " :default-current="2" auto-play="true" show-arrow="hover">
         <a-carousel-item v-for="(image,index) in images" :key="index">
           <img :src="image" class="h-full bg-contain w-full"/>
         </a-carousel-item>
       </a-carousel>
    </div>
  </div>
</template>

<style scoped>
</style>
